<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/top"></div>
<div id="Content">
    <div id="Login" align="center">
        <form action="/order/confirmorderaction" method="post" th:object="${order}">
            <fieldset style="width:730px; margin:0px auto">
                <legend>Shipping Form</legend>
                <table>
                    <tr>
                        <th colspan=2>Shipping Address</th>
                    </tr>

                    <tr>
                        <td>First name:</td>
                        <td>
                            <input type="text" th:field="*{shipToFirstName}" name="shipToFirstName" th:value="${order.shipToFirstName}">
                        </td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td>
                            <input type="text" th:field="*{shipToLastName}" name="order.shipToLastName" th:value="${order.shipToLastName}">
                        </td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td>
                            <input type="text" th:field="*{shipAddress1}" size="40" name="order.shipAddress1" th:value="${order.shipAddress1}">
                        </td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td>
                            <input type="text" th:field="*{shipAddress2}" size="40" name="order.shipAddress2" th:value="${order.shipAddress2}">
                        </td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td>
                            <input type="text" th:field="*{shipCity}" name="order.shipCity" th:value="${order.shipCity}">
                        </td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td>
                            <input type="text" th:field="*{shipState}" size="4" name="order.shipState" th:value="${order.shipState}">
                        </td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td>
                            <input type="text" th:field="*{shipZip}" size="10" name="order.shipZip" th:value="${order.shipZip}">
                        </td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td>
                            <input type="text" th:field="*{shipCountry}" size="15" name="order.shipCountry" th:value="${order.shipCountry}">
                        </td>
                    </tr>


                </table>
                <input type="submit" name="newOrder" value="Continue">
            </fieldset>
        </form></div>
</div>
<div th:replace="common/bottom"></div>
</body>
</html>